<template>
    <div class="container-common online-homework-join">
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item>在线作业</el-breadcrumb-item>
            <el-breadcrumb-item>当前作业</el-breadcrumb-item>
            <el-breadcrumb-item>作业分组</el-breadcrumb-item>
        </el-breadcrumb>
        <el-button class="group-new" type="primary" @click="newGroup">创建分组</el-button>
        <div>
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>分组名称</span>
                    <el-button style="float: right; padding: 3px 0" type="text">加入</el-button>
                </div>
                <div v-for="o in 4" :key="o" class="text item">
                    {{'成员：' + o }}
                </div>
            </el-card>
        </div>
    </div>
</template>

<script>
    export default {
        name: "joinGroup",
        props: ['homework'],
        data () {
            return {
                tableData: []
            }
        },
        methods: {
            getGroupData () {

            }
        },
        mounted () {}
    }
</script>

<style lang="scss" type="text/scss">
    .online-homework-join {
        .group-new {
            margin-bottom: 20px;
        }
        .box-card {
            width: 260px;
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 20px;
        }
    }
</style>